* {
	margin: 0;
	padding: 0;
}

body {
	background: #f0f2f5;
	min-width: 1360px;
}

.max_box {
	padding: 0;
}

.top_nav {
	background: #FFFFFF;
	height: 64px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}

.top_nav .left span {
	display: inline-block;
	width: 20px;
	height: 15px;
}

.top_nav .left span img {
	width: 100%;
}

.top_nav .right {
	display: flex;
	align-items: center;
}

.top_nav .right .search {
	display: inline-block;
	width: 18px;
	height: 19px;
	margin-right: 25px;
}

.top_nav .right .message {
	display: inline-block;
	width: 16px;
	height: 21px;
	margin-right: 25px;
}

.top_nav .right .my {
	display: flex;
	align-items: center;
}

.top_nav .right .my span:nth-child(1) {
	display: inline-block;
	width: 24px;
	margin-right: 10px;
}

.top_nav .right .my span:nth-child(1) img {
	width: 100%;
}

.top_nav .right span img {
	width: 100%;
}

/*  */
.nav_menu{
	width: 98%;
	padding: 15px 1%;
	display: flex;
}
.nav_menu div{
	display: flex;
	align-items: center;
	color: #999999;
}
.nav_menu div i{
	font-size: 20px;
}
.nav_menu div:last-child i{
	display: none;
}
.nav_menu .active{
	color: #666666;
}

.demo {
	margin: 0 0.5% 5px;
	width: 99%;
	overflow: hidden;
	border-radius: 3px;
	background: #FFFFFF;
}

.demo h2 {
	padding: 10px;
	font-weight: 600;
}

.demo .cont {
	padding: 0 10px 10px;
}

.demo .cont .cont_list {
	border: 1px solid #CCCCCC;
	width: 100%;
	height: 314px;
	border-radius: 5px;
}

.demo .cont .cont_list .all_item {
	height: 100%;
	border-right: 1px solid #CCCCCC;
}

.demo .cont .cont_list .all_item:last-child {
	border-right: none;
}

.demo .cont .cont_list .all_item .item {
	width: 100%;
	height: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* border-bottom: 1px solid #EEEEEE; */
}

.demo .cont .cont_list .all_item .item div {
	width: 85%;
}

.demo .cont .cont_list .all_item .item .top {
	color: #AAAAAA;
	font-size: 18px;
	margin-bottom: 10px;
}

.demo .cont .cont_list .all_item .item .exp{
	font-size: 16px;
}

.demo .cont .cont_list .all_item .item .text {
	display: flex;
	justify-content: space-between;
}

.demo .cont .cont_list .all_item .item .text span:nth-child(1) {
	font-size: 18px;
	color: #666666;
}

/* 濞戞挸锕ゅ畷锟� */
.rise {
	color: #00A950;
}

/* 濞戞挸顑夊锟� */
 .decline {
	color: #F04133;
}

.demo .cont .cont_list .all_item .item .text span:nth-child(3) {
	color: #CCCCCC;
}
.demo .cont .cont_list .all_item .echart_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 5%;
}
.demo .cont .cont_list .all_item .echart_top .choose_sty{
	width: 80%;
	display: flex;
	align-items: center;
}
.demo .cont .cont_list .all_item .echart_top .choose_sty span{
	margin-right: 5%;
}
.demo .cont .cont_list .all_item .echart_top .choose_sty span input{
	height: 28px;
}
.demo .cont .cont_list .all_item .echart_cont{
	width: 100%;
	height: 266px;
	padding: 10px 1%;
	box-sizing: border-box;
}
.demo .cont .cont_list .all_item .echart_cont .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}



.demo .cont .cont_list .all_item .title_top{
	padding: 10px 1%;
}
.demo .cont .cont_list .all_item .item_cont{
	width: 100%;
	height: 275px;
	padding: 10px 1%;
	box-sizing: border-box;
}
.demo .cont .cont_list .all_item .item_cont .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}







.demo .txt{
	padding: 3%;
	font-size: 20px;
	text-align: center;
}
.demo .shape_list{
	padding: 0 10px 10px;
	height: 260px;
	display: flex;
	justify-content: space-between;
}
.demo .shape_list .shape{
	width: 15.87%;
	border: 1px solid #CCCCCC;
	height: 100%;
	border-radius: 5px;
}
.demo .shape_list .shape:last-child{
	margin-right: 0;
}
.demo .shape_list .shape_top{
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.demo .shape_list .shape_top .img{
	display: inline-block;
	width: 100%;
}
.demo .shape_list .shape_top .img img{
	width: 100%;
}
.demo .shape_list .shape_top .right{
	padding: 10% 0 10% 8%;
	position: relative;
}
.demo .shape_list .shape_top .right .title{
	font-size: 18px;
}
.demo .shape_list .shape_top .right .num{
	margin-top: 40px;
	margin-left: 20px;
	font-size: 30px;
}
.demo .shape_list .shape_top .right .num span:nth-child(1){
	font-weight: 600;
	color: #108EE9;
}
.demo .shape_list .shape_top .right .num span:nth-child(2){
	font-weight: 600;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.4)
}
.demo .shape_list .shape_top .right .zhu{
	position: absolute;
	top: 20px;
	right: 0;
}
.demo .shape_list .shape_top .right .zhu i{
	color: 	#666;
}
.demo .shape_list .shape_bottom{
	padding-top: 40px;
	text-align: center;
}
.demo .shape_list .shape_bottom .cont{
	margin: auto;
	padding: 15px 0;
	width: 80%;
	border-top: 1px solid #CCCCCC;
	font-size: 16px;
	font-weight: 600;
}
.demo .shape_list .shape_bottom .cont .text{
	color: 	rgba(0, 0, 0, 0.4);
	margin-right: 10px;
}
.demo .shape_list .shape_bottom .cont .num{
	color: #108EE9;
}
.demo .shape_list .shape_bottom .cont .num i{
	color: #00A950;
	font-size: 16px;
}
.demo .target_list{
	padding: 0 10px 10px;
	height: 330px;
	display: flex;
	justify-content: space-between;
}
.demo .target_list .target_demo{
	width: 31.6%;
	/* margin-right: 1%; */
	border: 1px solid #CCCCCC;
	height: 100%;
	border-radius: 5px;
	padding: 0 10px;
}
.demo .target_list .target_demo .situation{
	font-size: 14px;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.demo .target_list .target_demo .accomplish div{
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	margin-right: 30px;
}
.demo .target_list .target_demo .accomplish div span{
	margin-right: 10px;
}
.demo .target_list .target_demo .accomplish div span:nth-child(2){
	color: #02a7f0fe;
}
.demo .target_list .target_demo .tit{
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}
.demo .target_list .target_demo .tit div{
	display: inline-block;
	margin-right: 30px;
}
.demo .target_list .target_demo .tit div span{
	margin-right: 10px;
}
.demo .target_list .target_demo .tit div span:nth-child(2){
	color: #02a7f0fe;
}
.demo .target_list .target_demo  .title_list{
	display: flex;
	justify-content: flex-end;
	width: 60%;
	margin-left: 34%;
}
.demo .target_list .target_demo  .title_list li{
	width: 20%;
	color: #AAAAAA;
	line-height: 25px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.demo .target_list .target_demo .content{
	border-top: 1px solid #CCCCCC;
	height: 212px;
	overflow-y: scroll;
}
.demo .target_list .target_demo .content .item{
	display: flex;
	/*align-items: center;*/
}
.demo .target_list .target_demo .content .item{
	width: 100%;
}
.demo .target_list .target_demo .content .item .item_left{
	width: 10%;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7F7F7F;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}
.demo .target_list .target_demo .content .item .item_right{
	width: 85%;
}
.demo .target_list .target_demo .content .item .item_right>div{
	display: flex;
	align-items: center;
	height: 32px;
	border-bottom: 1px solid #CCCCCC;
}
.demo .target_list .target_demo .content .item .item_right>div .name{
	width: 25%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.demo .target_list .target_demo .content .item .item_right>div .progress{
	width: 75%;
	display: flex;
	justify-content: flex-end;
}
.demo .target_list .target_demo .content .item .item_right>div .progress span{
	display: inline-block;
	width: 19%;
}
.demo .target_list .target_demo .content .item .item_right>div .progress span img{
	width: 100%;
}

.demo .target_list .target_demo .content .item1 .item_left{
	background: #81d3f8;
}

.demo .target_list .target_demo .content .item2 .item_left{
	background: #facd91;
}

.demo .target_list .target_demo .content .item3 .item_left{
	background: #ffff80;
}
/* 闁瑰灈鍋撻柡鍫灣濞蹭即寮介崶褏鏆氶柟瀛樺姈閸庡繘宕橀敓锟�  */

.demo .target_list .target_demo3 .content .item1 .item_left{
	background: #81d3f8;
}

.demo .target_list .target_demo3 .content .item2 .item_left{
	background: #ec808d;
}

.demo .target_list .target_demo3 .content .item3 .item_left{
	background: #fdedd6;
}
.demo .target_list .target_demo3 .content .item .item_right>div .name{
	width: 35%;
}
.demo .target_list .target_demo3 .content .item .item_right>div .progress{
	width: 65%;
}
.demo .target_list .target_demo3 .content .item .item_right>div .progress span{
	width: 22%;
}

/* 闁奸妞掓鍥传娴ｇ儤妯婇柟韬插€曢悾顒勫箣閹邦厼鍓伴柛鎰舵嫹 */
.demo .target_list .target_demo2 .title_list li{
	width: 30%;
}


.demo .target_list .target_demo2 .content .item1 .item_left{
	background: #AAAAAA;
}

.demo .target_list .target_demo2 .content .item2 .item_left{
	background: #D7D7D7;
}

.demo .target_list .target_demo2 .content .item3 .item_left{
	background: #f2f2f2;
}

.demo .target_list .target_demo2 .content .item .item_right>div .progress span{
	width: 32%;
	text-align: center;
}
.demo .target_list .target_demo2 .content .item .item_right>div .progress span img{
	width: unset;
}

/* 濞存籂鍐╂儌 */
    
.demo .product_list{
	padding: 0 10px 10px;
	height: 300px;
	display: flex;
	justify-content: space-between;
}
.demo .product_list .product_demo{
	width: 49.5%;
	height: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}
.demo .product_list .product_demo .product_demo_top{
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	padding: 20px 2%;
	border-bottom: 1px solid #CCCCCC;
}
.demo .product_list .product_demo .product_demo_bottom{
	padding: 10px 1%;
	height: 240px;
	box-sizing: border-box;
}
.demo .product_list .product_demo .product_demo_bottom .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}

/* 闁瑰灈鍋撻柡鍫灡閸ㄦ岸寮搁敓锟� */

.demo .achievement_list{
	padding: 0 10px 10px;
	height: 315px;
	display: flex;
	justify-content: space-between;
}
.demo .achievement_list .achievement_demo{
	width: 32.7%;
	height: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}
.demo .achievement_list .achievement_demo .achievement_demo_top{
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	padding: 20px 2%;
	border-bottom: 1px solid #CCCCCC;
}
.demo .achievement_list .achievement_demo .achievement_demo_bottom{
	padding: 10px 1%;
	height: 255px;
	box-sizing: border-box;
}
.demo .achievement_list .achievement_demo .achievement_demo_bottom .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}

/* 濞存籂鍐╂儌濡炪倗鏁诲锟� */
.product_box{
	padding: 0;
}
.demo .product_plan{
	width: 100%;
	padding: 20px 0;
	box-sizing: border-box;
}
.demo .product_plan ul{
	width: 100%;
	display: flex;
}
.demo .product_plan ul li{
	width: 16.7%;
	position: relative;
	text-align: center;
}
.demo .product_plan ul li::after{
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 100%;
	height: 5px;
	background: #02a7f0;
}
.demo .product_plan ul li:last-child::after{
	display: none;
}
.demo .product_plan ul li>span{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #02a7f0;
}
.demo .product_plan ul li .stage .stage_top .title{
	font-size: 18px;
	margin-right: 5px;
}
.demo .product_plan ul li .stage .stage_top .num{
	font-size: 30px;
	font-weight: 600;
	color: #108EE9;
}
.demo .product_plan ul li .stage .stage_top .num i{
	font-size: 14px;
	color: #999999;
	font-style: normal;
}
.demo .product_plan ul li .stage .stage_bottom{
	padding: 5px 0;
}
.demo .product_plan ul li .stage .stage_bottom .title{
	color: #999999;
}
.demo .product_plan ul li .stage .stage_bottom .num{
	color: #108EE9;
}
.demo .product_plan ul li .stage .stage_bottom .num i{
	font-size: 14px;
}
.demo .product_plan_eachert{
	border-top: 1px solid #CCCCCC;
	margin-left: 1%;
	width: 98%;
	height: 300px;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}
.demo .product_plan_eachert .product_plan_eachert_demo{
	width: 49.6%;
	height: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
}
.top10{
	margin: 0 0.5% 5px;
	width: 99%;
	min-height: 550px;
	padding: 10px 1%;
	background: #FFFFFF;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.top10 .top10_demo{
	width: 32.7%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}
.top10 .top10_demo .top_top{
	padding: 15px 5%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.top10 .top10_demo .top_cont{
	padding: 10px 3%;
}
.top10 .top10_demo .top_cont .title{
	padding: 10px 0;
	display: flex;
	/* text-align: center; */
	color: #CCCCCC;
}
.top10 .top10_demo .top_cont .title li:nth-child(1){
	width: 53%;
}
.top10 .top10_demo .top_cont .title li:nth-child(2){
	width: 18%;
}
.top10 .top10_demo .top_cont .title li:nth-child(3){
	width: 29%;
}
.top10 .top10_demo .top_cont .top_list li{
	display: flex;
	/* align-items: center; */
	padding: 10px 0;
	overflow: hidden;
}
.top10 .top10_demo .top_cont .top_list li div{
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
}
.top10 .top10_demo .top_cont .top_list li div:nth-child(1){
	width: 53%;
}
.top10 .top10_demo .top_cont .top_list li div:nth-child(2){
	width: 18%;
}
.top10 .top10_demo .top_cont .top_list li div:nth-child(3){
	width: 29%;
}
.top10 .top10_demo .top_cont .top_list li div .ranking{
	margin-right: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	background: #CCCCCC;
	color: #FFFFFF;
}
.top10 .top10_demo .top_cont .top_list li div .num{
	color: #CCCCCC;
	margin-left: 10px;
}
.top10 .top10_demo .top_cont .top_list li div .s1{
	background: #f6b836;
}
/* 濞存籂鍐╂儌闁绘ǹ鍩栭埀顒婃嫹 */
.demo .state{
	width: 98%;
	padding: 10px 1%;
}
.demo .state .state_top{
	padding: 20px 2%;
}
.demo .state .state_top ul{
	display: flex;
	justify-content: space-between;
}
.demo .state .state_top ul li{
	width: 24%;
	display: flex;
	align-items: flex-end;
}
.demo .state .state_top ul li div{
	margin-right: 25px;
}

.demo .state .state_top ul li .middle{
	display: flex;
	flex-direction: column;
}
.demo .state .state_top ul li .middle span:nth-child(1){
	font-size: 16px;
	padding-bottom: 10px;
}
.demo .state .state_top ul li .middle span:nth-child(2){
	font-size: 20px;
	color: #666666;
}
.demo .state .state_top ul li .right{
	font-size: 16px;
	color: #999999;
}
.demo .state .state_top ul li .right span:nth-child(2){
	color: #108EE9;
}

.demo .state .state_echart{
	border-top: 1px solid #CCCCCC;
	width: 100%;
	height: 350px;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}
.demo .state .state_echart_demo{
	width: 49.6%;
	height: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
}


/* 闂侇偄顦甸妴锟�1 */
.demo .mid_nav ul li{
	cursor: pointer;
}

.demo .mid_nav .list_1{
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	display: flex;
	/* padding: 0 1%; */
	box-sizing: border-box;
}
.demo .mid_nav .list_1 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_1 .active{
	color: #108EE9;
	border-bottom: 2px solid #108EE9;
}


/* 缂佹鎷�2濞戞搩浜埀顒€顦扮€氾拷 */
.demo .nav_demo ul .active span{
	background: #108EE9;
	color: #FFFFFF;
}
.nav_demo{
	display: flex;
	align-items: center;
	padding: 5px 3%;
}

.demo .mid_nav .list_2{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}

.demo .mid_nav .list_2 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_2 li span{
	padding: 5px 10px;
	border-radius: 3px;
}

/* 缂佹鎷�3濞戞搩浜埀顒€顦扮€氾拷 */
.demo .mid_nav .list_3{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_3 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_3 li span{
	padding: 5px 10px;
	border-radius: 3px;
}

/* 缂佹鎷�4濞戞搩浜埀顒€顦扮€氾拷 */
.demo .mid_nav .list_4{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_4 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_4 li span{
	padding: 5px 10px;
	border-radius: 3px;
}


.demo .ha_search .list_4{
	width: 70%;
}
.demo .ha_search div{
	width: 20%;
	display: flex;
	height: 40px;
	align-items: center;
}
.demo .ha_search div span input{
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	outline:none; 
	border:none;
	padding-left: 10px;
}
.demo .ha_search div span:nth-child(1){
	width: 80%;
	border: 1px solid #CCCCCC;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-sizing: border-box;
	border-right: none;
}
.demo .ha_search div span:nth-child(2){
	width: 20%;
	padding: 0 20px;
	height: 42px;
	line-height: 42px;
	background: #108EE9;
	color: #FFFFFF;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: border-box;
}

/* 5 */

.demo .mid_nav .list_5{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_5 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_5 li span{
	padding: 5px 10px;
	border-radius: 3px;
}
/* 6 */

.demo .mid_nav .list_6{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_6 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_6 li span{
	padding: 5px 10px;
	border-radius: 3px;
}
/* 7 */

.demo .mid_nav .list_7{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_7 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_7 li span{
	padding: 5px 10px;
	border-radius: 3px;
}
/* 8 */

.demo .mid_nav .list_8{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_8 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_8 li span{
	padding: 5px 10px;
	border-radius: 3px;
}
/* 9 */
.demo .mid_nav .list_9{
	width: 90%;
	display: flex;
	box-sizing: border-box;
}
.demo .mid_nav .list_9 li{
	/* width: 110px; */
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
}
.demo .mid_nav .list_9 li span{
	padding: 5px 10px;
	border-radius: 3px;
}
.demo .ha_search .list_9{
	width: 70%;
}

/* 闁衡偓閻熸澘缍侀柛鎺擃殙閵嗗啴寮藉畡鎵 */
.choose_list_sty{
	margin: 0 0.5% 5px;
	width: 99%;
	text-align: right;
	padding: 5px 0;
}
.choose_list_sty span{
	width: 25px;
	height: 25px;
	padding: 5px 10px;
	display: inline-block;
}
.choose_list_sty span img{
	width: 100%;
	height: 100%;
}

/* 闁告帗顨夐妴锟� */
.list_max_box{
	background: #f0f2f5;
}
.demo .demo_product_list{
	width: 100%;
	height: auto;
}
.demo .demo_product_list .picture_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.demo .demo_product_list .picture_list li{
	width: 24%;
	margin-right: 1.333%;
	margin-bottom: 1%;
	height: 260px;
	border: 1px solid #e9e9e9;
	background: #FFFFFF;
	padding: 2% 1%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 3px;
}
.demo .demo_product_list .picture_list li:nth-child(4n){
	margin-right: 0;
}

.demo .demo_product_list .picture_list li .product_name{
	display: flex;
	justify-content: space-between;
}
.demo .demo_product_list .picture_list li .product_name .img{
	width: 80px;
	height: 80px;
}
.demo .demo_product_list .picture_list li .product_name .img img{
	width: 100%;
}
.demo .demo_product_list .picture_list li .product_name .right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	width: 73%;
}
.demo .demo_product_list .picture_list li .product_name .right .right_title{
	font-weight: 600;
}

.demo .demo_product_list .picture_list li .product_name .right .right_state{
	display: flex;
	/* justify-content: space-between; */
}
.demo .demo_product_list .picture_list li .product_name .right .right_state span{
	padding: 2px 6px;
	color: #FFFFFF;
	border-radius: 3px;
	margin-left: 5px;
}
/* 闁绘ǹ鍩栭埀顑跨窔椤や線鎳濋敓锟� */
/* 闁告瑯鍨伴弫锟� */
.b1{
	background: #4bc26e;
}
/* 闁革负鍔庨悥锟� */
.b2{
	background: #108EE9;
}
/* 闂侇偀鍋撻悽顖ゆ嫹 */
.b3{
	background: #fad337;
}
/* 闁瑰瓨鍔楅崯娑㈡⒓閼告鍞� */
.c1{
	background: #108EE9;
}
.c2{
	background: #b8741a;
}
.c3{
	background: #ec808d;
}
.c4{
	background: #ec808d;
}
.c5{
	background: #ec808d;
}
.c6{
	background: #ec808d;
}
/* 闁归潧顑嗗┃鈧柛娆愮墳閻︼拷 */
.d1{
	background: #f76a00;
}


.demo .demo_product_list .picture_list li .product_name .right .right_sale{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.demo .demo_product_list .picture_list li .product_name .right .right_sale span:nth-child(1){
	display: inline-block;
	width: 14px;
	height: 18px;
	margin-right: 10px;
}
.demo .demo_product_list .picture_list li .product_name .right .right_sale img{
	width: 100%;
}
.demo .demo_product_list .picture_list li .product_detail span{
	color: #999999;
}
.demo .demo_product_list .picture_list li .product_versions{
	display: flex;
	justify-content: space-between;
}

.demo .demo_product_list .table_list li{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	min-height: 80px;
	box-sizing: border-box;
	background: #FFFFFF;
	padding: 5px 1%;
}
.demo .demo_product_list .table_list .title{
	background: #fafaFa;
	font-weight: 600;
}

.demo .demo_product_list .table_list li>div{
	display: flex;
	align-items: center;
	justify-content: center;
}
.demo .demo_product_list .table_list li>div:nth-child(1){
	width: 5%;
}
.demo .demo_product_list .table_list li>div:nth-child(2){
	width: 20%;
}
.demo .demo_product_list .table_list li>div:nth-child(3){
	width: 10%;
}
.demo .demo_product_list .table_list li>div:nth-child(4){
	width: 10%;
}
.demo .demo_product_list .table_list li>div:nth-child(5){
	width: 10%;
}
.demo .demo_product_list .table_list li>div:nth-child(6){
	width: 10%;
}
.demo .demo_product_list .table_list li>div:nth-child(7){
	width: 25%;
}
.demo .demo_product_list .table_list li>div:nth-child(8){
	width: 10%;
	color: #108EE9;
}
.demo .demo_product_list .table_list .title>div:nth-child(8){
	color: unset;
}

.demo .demo_product_list .table_list li>div:nth-child(6) span:nth-child(1){
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 10px;
}

.y1{
	background: #fad337;
}
.y2{
	background: #108EE9;
}
.y3{
	background: #f76a00;
}


/* 闁瑰瓨鍔栭悘澶嬫姜椤掆偓鐎碉拷 */

.survey{
	border: 1px solid #CCCCCC;
	display: flex;
	justify-content: space-between;
}

.demo .survey_plan{
	width: 60%;
	padding: 10px;
	box-sizing: border-box;
}
.demo .survey_plan .survey_plan_title{
	display: flex;
	justify-content: space-between;
}
.demo .survey_plan ul{
	margin-top: 50px;
	width: 100%;
	display: flex;
}
.demo .survey_plan ul li{
	width: 25%;
	position: relative;
	text-align: center;
}
.demo .survey_plan ul li::after{
	content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	width: 100%;
	height: 3px;
	background: #02a7f0;
}
.demo .survey_plan ul li:last-child::after{
	display: none;
}
.demo .survey_plan ul li>span{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #02a7f0;
}
.demo .survey_plan ul li .stage .stage_top .title{
	font-size: 18px;
	margin-right: 5px;
}
.demo .survey_plan ul li .stage .stage_top .num{
	font-size: 30px;
	font-weight: 600;
	color: #108EE9;
}
.demo .survey_plan ul li .stage .stage_top .num i{
	font-size: 14px;
	color: #999999;
	font-style: normal;
}
.demo .survey_plan ul li .stage .stage_bottom{
	padding: 5px 0;
}
.demo .survey_plan ul li .stage .stage_bottom .title{
	color: #999999;
}
.demo .survey_plan ul li .stage .stage_bottom .num{
	color: #108EE9;
}
.demo .survey_plan ul li .stage .stage_bottom .num i{
	font-size: 14px;
}
.demo .survey_plan_eachert{
	margin-left: 1%;
	width: 40%;
	height: 220px;
	padding: 10px;
	border-left: 1px solid #CCCCCC;
}
.demo .survey_plan_eachert .survey_plan_eachert_title{
	display: flex;
	justify-content: space-between;
}
.demo .survey_plan_eachert .survey_plan_eachert_demo{
	width: 100%;
	height: 200px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
}

/* 闂侇偄顦扮€氥劍绋夐幘鍐茬労闁靛棔鐒︽俊褔寮甸婊呭煛缂佸矉鎷� */
.demo .change_patent{
	padding: 20px 2%;
	border-bottom: 1px solid #CCCCCC;
}
.demo .change_patent span{
	padding: 5px 20px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	cursor: pointer;
}
.demo .change_patent .active{
	background: #108EE9;
	color: #FFFFFF;
}
.demo .patent_echarts{
	width: 100%;
	/* height: 280px; */
	box-sizing: border-box;
}
.demo .patent_echarts ul{
	width: 100%;
	height: 100%;
}
.demo .patent_echarts .patent_echarts_list{
	display: flex;
}
.demo .patent_echarts .patent_echarts_list li{
	border-right: 1px solid #CCCCCC;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.demo .patent_echarts .patent_echarts_list li .title{
	display: flex;
	justify-content: space-between;
}
.demo .patent_echarts .patent_echarts_list li:nth-child(1){
	width: 15%;
}
.demo .patent_echarts .patent_echarts_list li:nth-child(2){
	width: 15%;
}
.demo .patent_echarts .patent_echarts_list li:nth-child(3){
	width: 40%;
}
.demo .patent_echarts .patent_echarts_list li:nth-child(4){
	width: 30%;
	border-right: none;
}

.demo .patent_echarts .patent_echarts_list li .echart_demo{
	width: 100%;
	height: 260px;
	border: 1px solid #CCCCCC;
}
.demo .patent_echarts .patent_echarts_list_2{
	/*display: none;*/
}

/* 濡炪倕婀卞ú浼存偨閾忣偄袚 */
.demo .declare{
	display: flex;
}
.demo .declare .declare_list{
	/* height: 350px; */
	border-right: 1px solid #CCCCCC;
}
.demo .declare .declare_list .title{
	padding: 10px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.demo .declare .declare_list:nth-child(1){
	width: 40%;
}
.demo .declare .declare_list:nth-child(2){
	width: 30%;
}
.demo .declare .declare_list:nth-child(3){
	width: 30%;
	border-right: none;
}

.demo .declare .declare_list .declare_list_echarts{
	width: 100%;
	/* height: 310px; */
	box-sizing: border-box;
}
.demo .declare .declare_list .declare_list_echarts .declare_list_echarts_top{
	display: flex;
	padding: 10px 5%;
	border-bottom: 1px solid #CCCCCC;
}
.demo .declare .declare_list .declare_list_echarts .declare_list_echarts_top .top_demo{
	width: 33%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.demo .declare .declare_list .declare_list_echarts .declare_list_echarts_top .top_demo div:nth-child(1){
	display: flex;
	flex-direction: column;
}
.demo .declare .declare_list .declare_list_echarts .declare_list_echarts_top .top_demo div:nth-child(2){
	width: 40px;
	height: 40px;
	margin-left: 10px;
}
.demo .declare .declare_list .declare_list_echarts .declare_list_echarts_top .top_demo div:nth-child(2) img{
	width: 100%;
}
.demo .declare .declare_list .declare_list_echarts .echarts_demo{
	width: 100%;
	height: 250px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	box-sizing: border-box;
}
.demo .declare .declare_list_right .declare_list_echarts .echarts_demo{
	height: 310px;
}
.demo .achievement_finish .title{
	padding: 10px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.demo .achievement_finish .achievement_finish_echarts .changes{
	margin-top: 20px;
	padding: 0 10px;
}
.demo .achievement_finish .achievement_finish_echarts .changes span{
	display: inline-block;
	padding: 5px 20px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	cursor: pointer;
}
.demo .achievement_finish .achievement_finish_echarts .changes .active{
	background: #108EE9;
	color: #FFFFFF;
}
.demo .achievement_finish .achievement_finish_echarts .echarts_demo{
	margin-top: 20px;
	padding: 10px;
	width: 100%;
	height: 260px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
}
.change_two{
	display: none;
}


.neirong{
	margin-top: 20px;
	border-top: 1px dashed #CCCCCC;
}
.neirong ul li{
	padding: 10px 2%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.neirong ul li .title{
	font-size: 20px;
	font-weight: 600;
	padding: 10px 0;
}
.neirong ul li .biaoqian{
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}
.neirong ul li .biaoqian .left span{
	padding: 4px 10px;
	background: #f7f7f7;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	margin-right: 5px;
}
.neirong ul li .biaoqian .right span{
	padding: 5px 10px;
	background: #ec808d;
	color: #FFFFFF;
	border-radius: 2px;
}
.neirong ul li .neirong_txt{
	padding: 20px 0;
	color: #999999;
	line-height: 25px;
}
.neirong ul li .peo{
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.neirong ul li .peo .img_head{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 20px;
}
.neirong ul li .peo .img_head img{
	width: 100%;
	height: 100%;
}
.neirong ul li .peo .head_name{
	color: #108EE9;
}
.neirong ul li .sq_time{
	text-align: right;
	padding: 10px 0;
	color: #CCCCCC;
}


/* 濞存籂鍐╂儌閻犲浄闄勯崕蹇斻亜閿燂拷 */
.product_details{
	padding: 0;
	margin: 0;
}
.demo .details_top{
	padding: 2%;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	font-size: 16px;
}
.demo .details_top .details_tu{
	width: 10%;
	display: flex;
	justify-content: flex-end;
}
.demo .details_top .details_tu div{
	width: 115px;
	height: 115px;
}
.demo .details_top .details_tu div img{
	width: 100%;
	height: 100%;
}
.demo .details_top .details_cont{
	width: 70%;
	padding: 0 10% 0 20px;
	display: flex;
	flex-direction: column;
}
.demo .details_top .details_cont .details_cont_title{
	display: flex;
	align-items: center;
}
.demo .details_top .details_cont .details_cont_title .title{
	font-size: 20px;
	font-weight: 600;
	margin-right: 30px;
}
.demo .details_top .details_cont .details_cont_title .status span{
	padding: 4px 10px;
	border-radius: 3px;
	color: #FFFFFF;
}
.demo .details_top .details_cont .details_cont_txt{
	padding: 10px 0;
}
.demo .details_top .details_cont .details_cont_leibie ul{
	width: 60%;
	display: flex;
	flex-wrap: wrap;
}
.demo .details_top .details_cont .details_cont_leibie ul li{
	width: 50%;
	margin: 10px 0;
}
.demo .details_top .statu{
	width: 10%;
	padding: 2% 0;
	box-sizing: border-box;
}
.demo .details_top .statu div{
	display: flex;
	flex-direction: column;
}
.demo .details_top .statu .tit{
	margin-bottom: 20px;
	color: #CCCCCC;
}

/* 閻犲浄闄勯崕蹇涘礆閸ャ劌搴� */
.demo .switchover .title{
	padding: 20px 1%;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px dashed #CCCCCC;
}


.demo .switchover_one{
	/* display: none; */
}
.demo .switchover_two{
	display: none;
}


.demo .switchover_one .cont{
	padding: 2%;
}
.demo .switchover_one .cont>li{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.demo .switchover_one .cont>li:last-child{
	margin-bottom: 0;
}
.demo .switchover_one .cont>li .left{
	width: 15%;
	padding: 0 1%;
	box-sizing: border-box;
}
.demo .switchover_one .cont>li .left .left_border{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	box-sizing: border-box;
	font-size: 20px;
	color: #008080;
}
.demo .switchover_one .cont>li .right{
	margin-left: 2%;
	width: 83%;
	display: flex;
}
.demo .switchover_one .cont>li .right ul li{
	min-height: 60px;
	margin-bottom: 20px;
	display: flex;
	/* align-items: center; */
	position: relative;
}
.demo .switchover_one .cont>li .right ul li:last-child{
	margin-bottom: 0;
}
.demo .switchover_one .cont>li .right ul li .time{
	width: 15%;
	position: relative;
}
.demo .switchover_one .cont>li .right ul li .time .new_img{
	position: absolute;
	top: -5px;
	right: unset;
	width: 25%;
}
.demo .switchover_one .cont>li .right ul li .time .new_img img{
	width: 100%;
}
.demo .switchover_one .cont>li .right ul li .yuan{
	width: 5%;
	z-index: 2;
	display: flex;
	justify-content: center;
}
.demo .switchover_one .cont>li .right ul li .yuan span{
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #108EE9;
	box-sizing: border-box;
}

.demo .switchover_one .cont>li .right ul li .yuan span.quxiao{
	border: 2px solid #cccccc;
}

.demo .switchover_one .cont>li .right ul li .description{
	width: 80%;
}
.demo .switchover_one .cont>li .right ul .right_demo::after{
	content: '';
	width: 2px;
	height: 100%;
	background: #CCCCCC;
	position: absolute;
	top: 23px;
	left: 17.4%;
	z-index: 1;
}
.demo .switchover_one .cont>li:last-child .right ul .right_demo:last-child::after{
	display: none;
}

.demo .switchover_two .detail_table ul li{
	display: flex;
	align-items: center;
	padding: 15px 1%;
	border-bottom: 1px solid #CCCCCC;
}
.demo .switchover_two .detail_table ul li>div{
}
.demo .switchover_two .detail_table .table_title{
	font-weight: 600;
}
.demo .switchover_two .detail_table ul li>div:nth-child(1){
	width: 5%;
}
.demo .switchover_two .detail_table ul li>div:nth-child(2){
	width: 15%;
}
.demo .switchover_two .detail_table ul li>div:nth-child(3){
	width: 15%;
}
.demo .switchover_two .detail_table ul li>div:nth-child(4){
	width: 15%;
}
.demo .switchover_two .detail_table ul li>div:nth-child(5){
	width: 5%;
}
.demo .switchover_two .detail_table ul li>div:nth-child(6){
	width: 15%;
}
.demo .switchover_two .detail_table ul li>div:nth-child(7){
	width: 30%;
}

.demo .switchover_two .detail_table .detail_table_cont li:nth-child(2n-1){
	background: #EEEEEE;
}

.demo .switchover_two .detail_table .detail_table_cont li div{
	display: flex;
	flex-direction: column;
}
.demo .switchover_two .detail_table .detail_table_cont li div span{
	padding: 5px 0;
}


/* 濡炪倕婀卞ú鎵磼閿燂拷 */
.project_group{
	padding: 0;
	margin: 0;
}
.group_cont{
	padding: 0 1%;
	display: flex;
	justify-content: space-between;
}
.group_cont .left{
	width: 3%;
	margin-right: 0.5%;
}
.group_cont .left .left_muen{
	width: 100%;
	text-align: center;
}
.group_cont .left .left_muen li{
	margin-top: 40px;
	padding: 0 10px;
	cursor: pointer;
	border-radius: 2px;
}

.group_cont .left .left_muen .active{
	background: #81d3f8;
}

.group_cont .left .left_muen li:first-child{
	margin-top: 0;
}
.group_cont .right{
	width: 96.5%;
	overflow-y: scroll;
	height: 100vh;
}
/*  */
.group_cont .right::-webkit-scrollbar{
  width:10px;
  height:10px;
}
/*  */
.group_cont .right .right_cont{
	width: 99.5%;
	height: 310px;
	/* border: 1px solid #000000; */
	border-radius: 3px;
	background: #FFFFFF;
	margin-bottom: 5px;
}
.group_cont .right .right_cont .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #CCCCCC;
}
.group_cont .right .right_cont .top .top_detail{
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px 1%;
}
.group_cont .right .right_cont .top .top_detail .head{
	width: 3%;
}
.group_cont .right .right_cont .top .top_detail .head span{
	width: 50px;
	height: 50px;
	display: inline-block;
}
.group_cont .right .right_cont .top .top_detail .head span img{
	width: 100%;
	height: 100%;
}
.group_cont .right .right_cont .top .top_detail .head_name{
	width: 97%;
	padding: 0 20px;
}
.group_cont .right .right_cont .top .top_detail .head_name .head_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.group_cont .right .right_cont .top .top_detail .head_name .head_top .top_left{
	
}
.group_cont .right .right_cont .top .top_detail .head_name .head_top .top_left span:nth-child(1){
	font-size: 16px;
	font-weight: 600;
}
.group_cont .right .right_cont .top .top_detail .head_name .head_top .top_left span:nth-child(2){
	padding: 3px 10px;
	background: #81d3f8;
	border-radius: 5px;
	margin-left: 40px;
}
.group_cont .right .right_cont .top .top_detail .head_name .head_top .btn{
	font-weight: 600;
	color: #02a7f0;
	cursor: pointer;
}
.group_cont .right .right_cont .top .top_detail .head_name .statu{
	padding: 10px 0;
	width: 40%;
	display: flex;
}
.group_cont .right .right_cont .top .top_detail .head_name .statu span{
	width: 33%;
}
.group_cont .right .right_cont .content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 235px;
}
.group_cont .right .right_cont .content .content_top{
	display: flex;
	justify-content: space-between;
	padding: 10px 1%;
	align-items: center;
}
.group_cont .right .right_cont .content .content_top .content_top_left{
	width: 65%;
}
.group_cont .right .right_cont .content .content_top .content_top_left span:nth-child(1){
	font-weight: 600;
	margin-right: 30px;
}
.group_cont .right .right_cont .content .content_top .content_top_right{
	width: 35%;
	display: flex;
}
.group_cont .right .right_cont .content .content_top .content_top_right span{
	margin-right: 20px;
	display: flex;
	align-items: center;
}
.group_cont .right .right_cont .content .content_top .content_top_right span i{
	font-style: normal;
}
.group_cont .right .right_cont .content .content_top .content_top_right span i:nth-child(1){
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 5px;
}
.st1{
	background: #95f204;
}
.st2{
	background: #d9001b;
}
.st3{
	background: #edcb5f;
}
.st4{
	background: #d7d7d7;
}

.group_cont .right .right_cont .content .content_cont{
	width: 100%;
	box-sizing: border-box;
}
.group_cont .right .right_cont .content .content_cont>ul{
	display: flex;
	align-items: center;
	padding: 10px 0.5%;
}
.group_cont .right .right_cont .content .content_cont>ul>li{
	width: 8.33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.group_cont .right .right_cont .content .content_cont>ul>li::after{
	width: 100%;
	height: 2px;
	background: #81d3f8;
	content: '';
	position: absolute;
	bottom: 35px;
	left: 50%;
}
.group_cont .right .right_cont .content .content_cont>ul>li:last-child::after{
	display: none;
}
.sty{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #81d3f8;
	margin-bottom: 10px;
}
.group_cont .right .right_cont .content .content_cont>ul>li .annotation{
	width: 90px;
	height: auto;
	position: absolute;
	bottom: 130%;
	left: calc(50% - 45px);
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 5px #CCCCCC;
	border-radius: 3px;
}
.group_cont .right .right_cont .content .content_cont>ul>li .annotation div{
	position: absolute;
	bottom: -12px;
	left: 40%;
	color: #CCCCCC;
	background: #fefefe;
}
.group_cont .right .right_cont .content .content_cont>ul>li .annotation ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5px 0;
}
.group_cont .right .right_cont .content .content_cont>ul>li .annotation ul li span:nth-child(2){
	display: flex;
	align-items: center;
}
.group_cont .right .right_cont .content .content_cont>ul>li .annotation ul li span:nth-child(2) i{
	font-style: normal;
	font-size: 12px;
}
.group_cont .right .right_cont .content .content_cont>ul>li .annotation ul li span:nth-child(2) i:nth-child(1){
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 5px;
}



/* 娴滃搫濮忕挧鍕爱 */
.resource{
	padding: 0;
	margin: 0;
}
.oth_demo{
	background: unset;
	display: flex;
	justify-content: space-between;
}
.demo .resource_left{
	width: 67%;
	background: #FFFFFF;
	padding-top: 40px;
}
.demo .resource_left .resource_left_top{
	border-top: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
}
.demo .resource_left .all_item {
	width: 15%;
	height: 266px;
	border-right: 1px solid #CCCCCC;
}
.demo .resource_left .all_item .item {
	width: 100%;
	height: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.demo .resource_left .all_item .item div {
	width: 85%;
}

.demo .resource_left .all_item .item .top {
	color: #AAAAAA;
	font-size: 18px;
	/* margin-bottom: 10px; */
}

.demo .resource_left .all_item .item .num{
	font-size: 20px;
	padding: 5px 0;
}
.demo .resource_left .all_item .item .exp{
	font-size: 12px;
}

.demo .resource_left .all_item .item .text {
	display: flex;
	justify-content: space-between;
}
.demo .resource_left .item_ech{
	width: 60%;
}


.demo .resource_left .all_item .item .text span:nth-child(2) {
	color: #CCCCCC;
	font-size: 12px;
}
.demo .resource_left .all_item .echart_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 3%;
}
.demo .resource_left .all_item .echart_top .choose_sty{
	width: 80%;
	display: flex;
	align-items: center;
}
.demo .resource_left .all_item .echart_top .choose_sty span{
	margin-right: 5%;
}
.demo .resource_left .all_item .echart_top .choose_sty span input{
	height: 28px;
}
.demo .resource_left .all_item .echart_cont{
	width: 100%;
	height: 230px;
	padding: 10px 1%;
	box-sizing: border-box;
}
.demo .resource_left.resource_left .all_item .echart_cont .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}



.demo .resource_left .all_item .title_top{
	padding: 10px 1%;
}
.demo .resource_left .all_item .item_cont{
	width: 100%;
	height: 275px;
	padding: 10px 1%;
	box-sizing: border-box;
}
.demo .resource_left .all_item .item_cont .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}
.demo .resource_left .all_item .top_demo{
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
.demo .resource_left .all_item .echart_right{
	padding: 1%;
}
.demo .resource_left .all_item .echart_right .echart_right_item{
	border: 1px solid #CCCCCC;
	height: 218px;
}
.demo .resource_right{
	width: 32.3%;
	background: #FFFFFF;
	align-items: center;
}

.demo .resource_right .resource_right_top{
	padding: 10px 3%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}

.demo .resource_right .resource_right_echart{
	width: 100%;
	padding: 1%;
	height: 260px;
	box-sizing: border-box;
}
.demo .resource_right .echart_detail{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}

.demo .item_4{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.demo .item_4 .item_4_list{
	background: #FFFFFF;
	width: 24.5%;
	border-radius: 3px;
}
.demo .item_4 .item_4_list .list_top{
	padding: 10px 2%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.demo .item_4 .item_4_list .item_4_ech{
	padding: 1%;
	height: 340px;
}
.demo .item_4 .item_4_list .item_4_ech .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}
.demo .item_2s{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.demo .item_2s .item_2s_left{
	background: #FFFFFF;
	width: 40.3%;
	border-radius: 3px;
}
.demo .item_2s .item_2s_right{
	background: #FFFFFF;
	width: 59%;
	border-radius: 3px;
}
.demo .item_2s .list_top{
	padding: 10px 2%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.demo .item_2s .item_2s_ech{
	padding: 10px 1%;
	height: 320px;
}
.demo .item_2s .item_2s_ech .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}

.demo .item_3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.demo .item_3 .item_3_list{
	background: #FFFFFF;
	width: 32.9%;
	border-radius: 3px;
}
.demo .item_3 .list_top{
	padding: 10px 2%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.demo .item_3 .item_3_ech{
	padding: 1%;
	height: 320px;
}
.demo .item_3 .item_3_ech .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}

.demo .item_2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.demo .item_2 .item_2_list{
	background: #FFFFFF;
	width: 49.6%;
	border-radius: 3px;
}
.demo .item_2 .list_top{
	padding: 10px 2%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #CCCCCC;
}
.demo .item_2 .item_2_ech{
	padding: 1%;
	height: 320px;
}
.demo .item_2 .item_2_ech .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}

/* 鐞涖劍鐗� */
.demo .table{
	padding: 20px 3%;
}
.demo .table ul li{
	display: flex;
	border-top: 1px solid #CCCCCC;
}

.demo .table ul li div{
	text-align: center;
	font-size: 16px;
	padding: 20px 0;
}
.demo .table .table_title{
	background: #EEEEEE;
}
.demo .table .table_title li div{
	font-weight: 600;
}
.demo .table ul li div:nth-child(1){
	width: 15%;
}
.demo .table ul li div:nth-child(2){
	width: 8%;
}
.demo .table ul li div:nth-child(3){
	width: 15%;
}
.demo .table ul li div:nth-child(4){
	width: 14%;
}
.demo .table ul li div:nth-child(5){
	width: 8%;
}
.demo .table ul li div:nth-child(6){
	width: 8%;
}
.demo .table ul li div:nth-child(7){
	width: 8%;
}
.demo .table ul li div:nth-child(8){
	width: 14%;
}
.demo .table ul li div:nth-child(9){
	width: 10%;
}
.demo .table .table_body li div:nth-child(9){
	font-weight: 600;
	color: #1890FF;
	cursor: pointer;
}
.demo .table .table_body li:last-child{
	border-bottom: 1px solid #CCCCCC;
}


/* 妞ゅ湱娲扮紒鍕З閹拷 */
.demo .project_item{
	width: 100%;
	display: flex;
	/* align-items: center; */
}
.demo .project_item .project_item_left{
	padding: 20px;
	width: 50%;
	display: flex;
	align-items: center;
}
.demo .project_item .project_item_left .item_de{
	margin-left: 20px;
	width: 70%;
}
.demo .project_item .project_item_left .item_de>div{
	padding: 10px 0;
}
.demo .project_item .project_item_left .item_de .tetle span:nth-child(1){
	font-weight: 600;
	font-size: 16px;
}
.demo .project_item .project_item_left .item_de .tetle span:nth-child(2){
	margin-left: 40px;
	padding: 3px 10px;
	background: #81d3f8;
	border-radius: 3px;
}
.demo .project_item .project_item_left .item_de .statu{
	display: flex;
	align-items: center;
}
.demo .project_item .project_item_left .item_de .statu span{
	width: 30%;
}

.demo .project_item .project_item_right{
	width: 50%;
	display: flex;
}
.demo .project_item .project_item_right .item_right_ech{
	width: 50%;
}
.demo .project_item .project_item_right .item_right_ech .item_right_ech_top{
	padding: 10px 0;
	display: flex;
	justify-content: space-around;
}
.demo .project_item .project_item_right .item_right_ech .item_right_ech_top .num{
	color: #108EE9;
}
.demo .project_item .project_item_right .item_right_ech .item_right_ech_demo{
	padding: 10px;
	width: 100%;
	height: 200px;
	box-sizing: border-box;
}
.demo .project_item .project_item_right .item_right_ech .item_right_ech_demo .echart{
	width: 100%;
	height: 100%;
	border: 1px solid #CCCCCC;
}
/* 閸掓銆� */
.demo .choose_product{
	position: relative;
}
.demo .choose_product .team_demo{
	width: 34%;
	height: 375px;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 10px solid #f0f2f5;
	border-bottom: 10px solid #f0f2f5;
	box-sizing: border-box;
}
.demo .choose_product .team_demo .team_demo_top{
	padding: 20px 5%;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #CCCCCC;
}
.demo .choose_product .team_demo .team_demo_cont{
	width: 100%;
	height: 300px;
	padding: 5%;
	box-sizing: border-box;
}
.demo .choose_product .team_demo .team_demo_cont ul{
	display: flex;
	flex-wrap: wrap;
}
.demo .choose_product .team_demo .team_demo_cont ul li{
	width: 50%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.demo .choose_product .team_demo .team_demo_cont ul li span:nth-child(1){
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 10px;
}
.demo .choose_product .team_demo .team_demo_cont ul li span:nth-child(1) img{
	width: 100%;
	height: 100%;
}

.demo .choose_product_btn{
	width: 66%;
	padding: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
}
.demo .choose_product_btn ul{
	display: flex;
}
.demo .choose_product_btn ul li{
	padding: 5px 30px;
	border-radius: 3px;
	margin-left: 5%;
	cursor: pointer;
}
.demo .choose_product_btn ul .active{
	background: #108EE9;
	color: #FFFFFF;
}

.demo .choose_product .content .item{
	display: flex;
	flex-wrap: wrap;
	padding: 1%;
}
.demo .choose_product .content .item .itme_i{
	width: 32%;
	margin-bottom: 20px;
	height: 265px;
	border-radius: 3px;
	margin-right: 1%;
	border: 1px solid #CCCCCC;
}
.demo .choose_product .content .item .itme_i:nth-child(2){
	margin-right: 33%;
}
.demo .choose_product .content .item .itme_i .content_list_top{
	display: flex;
	padding: 10px 20px;
}
.demo .choose_product .content .item .itme_i .content_list_top .head{
	/* width: 13%; */
}
.demo .choose_product .content .item .itme_i .content_list_top .head span{
	width: 75px;
	height: 75px;
	border-radius: 5px;
}
.demo .choose_product .content .item .itme_i .content_list_top .head span img{
	width: 100%;
	height: 100%;
}
.demo .choose_product .content .item .itme_i .content_list_top .name{
	width: 87%;
	display: flex;
	flex-direction: column;
	padding-left: 10px;
	justify-content: space-between;
}
.demo .choose_product .content .item .itme_i .content_list_top .name span{
	color: #999999;
}
.demo .choose_product .content .item .itme_i .content_list_top .name span:nth-child(1){
	font-size: 18px;
	font-weight: 600;
	color: #666666;
	padding: 10px 0 0;
}
.demo .choose_product .content .item .itme_i .content_pro{
	padding: 0 10px 19px;
}
.demo .choose_product .content .item .itme_i .content_pro .pro_t{
	padding: 10px 0;
}
.demo .choose_product .content .item .itme_i .content_pro .pro{
	display: flex;
	align-items: center;
}
.demo .choose_product .content .item .itme_i .content_pro .pro li{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.demo .choose_product .content .item .itme_i .content_pro .pro li span:nth-child(1){
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #AAAAAA;
	margin-bottom: 10px;
}
.demo .choose_product .content .item .itme_i .content_pro .pro .active span:nth-child(1){
	background: #108EE9;
}
.demo .choose_product .content .item .itme_i .content_pro .pro li::after{
	content: '';
	width: 100%;
	height: 2px;
	background: #AAAAAA;
	position: absolute;
	top: 6px;
	left: 50%;
}
.demo .choose_product .content .item .itme_i .content_pro .pro .active::after{
	background: #108EE9;
}
.demo .choose_product .content .item .itme_i .content_pro .pro li:last-child::after{
	display: none;
}
.demo .choose_product .content .item .itme_i .content_bottom{
	height: 60px;
	border-top: 1px solid #CCCCCC;
	background: #fbfbfb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5%;
	font-size: 16px;
}
.demo .choose_product .content .item .itme_i .content_bottom>div{
	width: 30%;
}
.demo .choose_product .content .item .itme_i .content_bottom .statu{
	display: flex;
	align-items: center;
}
.demo .choose_product .content .item .itme_i .content_bottom .statu span:nth-child(1){
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 10px;
}
.t1{
	background: #108EE9;
}
.demo .choose_product .content .item .itme_i .content_bottom .compile span{
	margin-left: 10px;
	cursor: pointer;
}



/* 妞ゅ湱娲扮拠锔藉剰妞わ拷 */
.demo .item_detail{
	padding: 20px 3%;
}
.demo .item_detail .title span:nth-child(1){
	font-size: 20px;
	font-weight: 600;
}
.demo .item_detail .title span:nth-child(2){
	margin-left: 30px;
	font-size: 16px;
	padding: 5px 10px;
	background: #81d3f8;
	border-radius: 3px;
}
.demo .item_detail .cont{
	display: flex;
	padding: 10px 0;
}
.demo .item_detail .cont .head span{
	display: inline-block;
	width: 120px;
	height: 120px;
}
.demo .item_detail .cont .head span img{
	width: 100%;
	height: 100%;
}
.demo .item_detail .cont .detail{
	margin-left: 20px;
	width: 40%;
}
.demo .item_detail .cont .detail ul{
	display: flex;
	flex-wrap: wrap;
}
.demo .item_detail .cont .detail ul li{
	font-size: 16px;
	width: 50%;
	margin-bottom: 20px;
}
.demo .item_detail .cont .status{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	font-size: 16px;
}
.demo .item_detail .cont .status div{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.demo .item_detail .cont .status div span{
	margin-bottom: 20px;
}
.demo .item_detail .biaoqian{
	display: flex;
}
.demo .item_detail .biaoqian span{
	display: inline-block;
	width: 130px;
	height: 35px;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	margin-right: 20px;
	background: #F7F7F7;
	text-align: center;
	line-height: 35px;
}
.demo .item_detail .detail_text{
	padding: 20px 0 0;
}

.demo .item_pro{
	padding: 0 3% 20px;
}
.demo .item_pro .pro_title{
	padding: 0 0 20px;
	font-size: 16px;
}
.demo .item_pro .item_pro_cont{
	width: 100%;
	height: 320px;
	display: flex;
	align-items: flex-end;
}
.demo .item_pro .item_pro_cont ul{
	width: 100%;
	display: flex;
	align-items: center;
}
.demo .item_pro .item_pro_cont ul li{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.demo .item_pro .item_pro_cont ul li::after{
	content: '';
	width: calc(100% - 16px);
	height: 2px;
	background: #AAAAAA;
	position: absolute;
	top: 7px;
	left: calc(50% + 8px);
}
.demo .item_pro .item_pro_cont ul .active::after{
	background: #108ee9;
}
.demo .item_pro .item_pro_cont ul li:last-child::after{
	display: none;
}
.demo .item_pro .item_pro_cont ul li>span{
	margin-bottom: 5px;
}
.demo .item_pro .item_pro_cont ul li>span:nth-child(1){
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #AAAAAA;
}

.demo .item_pro .item_pro_cont ul li .annotation{
	width: 90%;
	height: auto;
	position: absolute;
	bottom: 120%;
	left: 10%;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 5px #CCCCCC;
	border-radius: 3px;
	box-sizing: border-box;
}
.demo .item_pro .item_pro_cont ul li .annotation .sanjiao{
	position: absolute;
	bottom: -12px;
	left: 40%;
	color: #CCCCCC;
	background: #FBFBFB;
}
.demo .item_pro .item_pro_cont ul li .annotation .annotation_txt{
	display: flex;
	flex-direction: column;
	padding: 0 10px;
}
.demo .item_pro .item_pro_cont ul li .annotation .annotation_txt span{
	padding: 10px 0;
}
.demo .item_pro .item_pro_cont ul .active>span:nth-child(1){
	background: #108ee9;
}

.demo h3{
	padding: 15px 3%;
	font-size: 16px;
	font-weight: 600;
}
.demo .scheduling ul li{
	padding: 0 2%;
	display: flex;
	margin-bottom: 40px;
}
.demo .scheduling ul li .scheduling_left{
	width: 30%;
	display: flex;
	flex-direction: column;
}
.demo .scheduling ul li .scheduling_left span:nth-child(1){
	font-size: 16px;
	font-weight: 600;
	color: #AAAAAA;
}
.demo .scheduling ul li .scheduling_left span:nth-child(2){
	padding: 5px 0;
}
.demo .scheduling ul .active .scheduling_left span:nth-child(1){
	color: #70b603;
}
.demo .scheduling ul li .scheduling_left span i{
	font-style: normal;
	color: #AAAAAA;
}
.demo .scheduling ul li .scheduling_sty{
	width: 5%;
	position: relative;
}
.demo .scheduling ul li .scheduling_sty span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 2px solid #AAAAAA;
}
.demo .scheduling ul .active .scheduling_sty span{
	background: #70b603;
	border: 2px solid #70b603;
}
.demo .scheduling ul li .scheduling_sty::after{
	content: '';
	width: 2px;
	height: calc(100% + 40px);
	position: absolute;
	top: 22px;
	left: 11px;
	background: #AAAAAA;
}
.demo .scheduling ul .active .scheduling_sty::after{
	background: #108ee9;
}
.demo .scheduling ul li:last-child .scheduling_sty::after{
	display: none;
}
.demo .scheduling ul li .scheduling_txt{
	width: 65%;
}

.last{
	background: #f0f2f5;
}
.last_item_top{
	padding: 15px 3%;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #CCCCCC;
}
.demo .last_item{
	display: flex;
	justify-content: space-between;
}
.demo .last_item>div{
	background: #FFFFFF;
	border-radius: 3px;
}
.demo .last_item .last_item_1{
	width: 55.3%;
}
.demo .last_item .last_item_2{
	width: 44%;
}
.demo .last_item .last_item_1 .cont{
	width: 100%;
	height: 515px;
	padding: 2%;
	box-sizing: border-box;
}
.demo .last_item .last_item_1 .cont .echart{
	border: 1px solid #CCCCCC;
	width: 100%;
	height: 100%;
}
.demo .last_item .last_item_2 .cont{
	width: 100%;
	height: 515px;
	padding: 2%;
	box-sizing: border-box;
}
.demo .last_item .last_item_2 .cont .title{
	width: 97%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 0 0 0 10%;
	box-sizing: border-box;
}
.demo .last_item .last_item_2 .cont .title li{
	width: 33%;
	/* text-align: center; */
}
.demo .last_item .last_item_2 .cont .cont_demo li{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	padding: 0 0 0 10%;
}
.demo .last_item .last_item_2 .cont .cont_demo li div{
	width: 33%;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}
.demo .last_item .last_item_2 .cont .cont_demo li div:nth-child(1) span:nth-child(1){
	width: 37px;
	height: 37px;
	border-radius: 50%;
	margin-right: 5px;
}
.demo .last_item .last_item_2 .cont .cont_demo li div:nth-child(1) span:nth-child(1) img{
	width: 100%;
	height: 100%;
}
.demo .last_item .last_item_2 .cont .cont_demo_box{
	width: 100%;
	height: 450px;
	overflow-y: scroll;
	padding: 10px 0;
	box-sizing: border-box;
}

.demo .item_3 .item_3_ech .echart .ech_tit{
	display: flex;
	justify-content: space-around;
	padding: 5px 0;
}
.demo .item_3 .item_3_ech .echart .ech_tit div{
	display: flex;
	align-items: center;
}
.demo .item_3 .item_3_ech .echart .ech_tit div span{
	margin-left: 5px;
}
.demo .item_3 .item_3_ech .echart .ech_conts{
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
}
.demo .item_3 .item_3_ech .echart .ech_conts>div{
	width: 25%;
	height: 280px;
}
.demo .item_3 .item_3_ech .echart .ech_conts .ech_mid{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.demo .item_3 .item_3_ech .echart .ech_conts .ech_right{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}